<template>
  <dv-full-screen-container class="mains">
    <dv-border-box-1 class="divone">
      <div class="content">
        <leftContent class="left"/>
        <centerContent class="center"/>
        <rightContent class="right"/>
      </div>
    </dv-border-box-1>
  </dv-full-screen-container>
</template>

<script>
import centerContent from '@/views/LU-DA-PING/components/layout/center-content/index';
import rightContent from '@/views/LU-DA-PING/components/layout/right-content/index';
import leftContent from '@/views/LU-DA-PING/components/layout/left-content/index';
export default {
	name: 'index',
	data () {
		return {
			config: {
				data: [66, 45],
				shape: 'roundRect'
			}
		};
	},
	components: {
		centerContent,
		rightContent,
		leftContent
	}
};
</script>

<style lang="less" type="text/less" scoped>
.mains{
  text-align: center;
  background: url('~@/assets/images/keji.jpg');
  background-size: 100%;

  .content{
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: 100%;

    .left,
		.center,
		.right{
      width: 33%;
    }
  }
}
</style>
